// 全局表格样式

.ant-table {
  .ant-table-cell {
    font-size: 15px;
    font-family: PingFang SC, sans-serif;
  }

  // 表头样式
  .ant-table-thead>tr>th {
    background-color: var(--ant-table-header-bg) !important;
    color: var(--ant-table-header-color) !important;
    font-weight: 700;
    line-height: 22px;
    font-family: PingFang SC;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
  }

  .ant-table-tbody>tr>td {
    height: 48px; // 你想要的行高，比如40px
    text-align: center;
    vertical-align: middle;
  }

  // 选中行样式
  .ant-table-tbody>tr.ant-table-row-selected>td {
    background-color: var(--ant-table-selected-row-bg) !important;
  }

  // 鼠标悬浮行样式
  .ant-table-tbody>tr:hover>td {
    background-color: var(--ant-table-row-hover-bg) !important
  }

  // 斑马纹样式（应用到所有表格）
  .ant-table-tbody {
    >tr:nth-child(odd)>td {
      background-color: #f4fbfb
    }

    >tr:nth-child(even)>td {
      background-color: #fff
    }
  }
}

// 分页器样式
.ant-pagination {
  .ant-pagination-item-active {
    background-color: var(--ant-pagination-item-active-bg) !important;
    border-color: var(--ant-pagination-item-active-bg) !important;

    a {
      color: var(--ant-pagination-item-active-color) !important;
    }
  }
}

// 表格分页器布局调整
.ant-table-wrapper {
  .ant-table-pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;

    // 总条数显示在最左侧
    .ant-pagination-total-text {
      order: -10;
      margin-right: auto; // 推到最左侧、
      padding-left: 10px;
      font-size: 14px;
    }

    // 每页条数选择器放在分页左边
    .ant-pagination-options {
      order: -1;
      margin-right: 16px;
        
    }
  }
}

/* 覆盖Ant Design的表格组件样式 */
/* 使用更通用的选择器，不依赖CSS模块化 */
// body .ant-table-wrapper .ant-table-tbody tr:nth-child(odd) td {
//   background-color: #f4fbfb !important;
// }

// body .ant-table-wrapper .ant-table-tbody tr:nth-child(even) td {
//   background-color:  #fff!important;
// } 